<template>
  <el-container>
    <el-header>
      <common-header :nowusername="nowusername"/>
    </el-header>
    <el-container>
      <el-aside width="auto">
        <common-aside/>
      </el-aside>
      <el-main>
        <common-tag/>
        <router-view/>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import CommonHeader from './CommonHeader.vue';
import CommonAside from './CommonAside.vue';
import CommonTag from './CommonTag.vue';

export default{
    name:'Frame',
    data(){
        return{
            title:'主页',
            nowusername:''
        }
    },
    components:{CommonHeader,CommonAside,CommonTag},
    mounted() {  
             document.title = this.title; // 设置网页标签的名称  
         }
}
</script>

<style scoped>
.el-container {
  height: 100%;
}

.el-container .el-header {
  height: 20%;
}

.el-container .el-container {
  height: 80%;
  margin-top: 10px;
}

/* 
.el-header {
margin-bottom: 30px;
} */

.el-main {
  padding-top: 0;
  margin-top: 20px;
  /* background-color: #337d60; */
}
</style>